<template>
	<view class="notify">
		<view v-for="(item,index) in list" :key="index" class="box">
			<view style="font-size: 30rpx;font-weight: bold;">{{item.title}}</view>
			<view style="font-size: 26rpx;color: #333333;margin-top:6rpx;">{{item.content}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[]
			};
		},
		onLoad() {
			this.loads()
		},
		methods:{
			loads(){
				this.$httpapi('notice', 'POST',{}).then(res => {
					this.list = res.data
				})
			}
		}
		
	}
</script>

<style lang="scss">
	page{
		background-color: #F7F6FA;
	}
	.notify{
		padding-top:16rpx;
		.box{
			margin:0 20rpx 16rpx;
			padding:20rpx;
			width: 670rpx;
			background: #FFFFFF;
			border-radius: 16rpx;
		}
	}
</style>
